@charset "utf-8";

.panel {
    background-color: white;
    width: 100%;
    min-height: 333px;
    padding: 20px 20px;
}

div.lid {
    border-top: 3px solid #5c8dc0;
}

div.panel.active {
    height: 395px;
}

.panel-header {
    height: 40px;
}

div.panel-header .panel-title {
    font-size: 18px;
    font-weight: bold;
    height: 40px;
    /*line-height: 40px;*/
    display: inline-block;
}

div.panel-header.active {
    height: 40px;
}

div.panel-header.active .panel-title {
    background-color: #0B5DB1;
    color: #fff;
    border-radius: 4px;
    width: 130px;
    line-height: 40px;
    height: 40px;
    text-align: center;
    /*padding: 0 25px;*/
    /*vertical-align: middle;*/
    position: relative;
    top: 0;
    right: 5px;
}

div.panel-header.normal {
    background: url("../images/panel/border.png") left bottom repeat-x;
    height: 40px;
}

div.panel-header.normal .panel-title {
    color: #0B5DB1;
    background: url("../images/panel/active.png") left bottom repeat-x;
}

div.panel-header.center {
    margin: 0 auto;
    background: url("../images/panel/b2.png") left center repeat-x;
    text-align: center;
    line-height: 40px;
    height: 40px;
}

div.panel-header.center .panel-title {
    background-color: #fff;
    padding: 0 5px;
    color: #0B5DB1;
    line-height: 40px;
    height: 40px;
}

div.panel-body {
    margin-top: 12px;
}

div.panel.active .panel-body {
    margin-top: 25px;
}
